<template>
	<base-image
		@click="handleLogo()"
		class="app-logo mr-3 h-[30px] cursor-pointer"
		src="logo-white-io.svg"
		alt="" />
</template>

<script setup lang="ts">
import { BaseImage } from '@/components/base'
import { useRouter, useRoute } from 'vue-router'
import { useAppStore } from '@/store'
const router = useRouter()
const appStore = useAppStore()
const route = useRoute()
const handleLogo = () => {
	let routeName = 'home'
	if (route.meta.category === 'casino') {
		routeName = 'casino'
	} else if (route.meta.category === 'sports') {
		routeName = 'sports'
	}
	router.push({ name: routeName, params: { locale: appStore.lang } })
}
</script>
